<section id="menu">

</section>
        
        <header>{{nome}}</header>

        <!-- <div id="scrollableframe">
            <div class="scroller"> -->

                <div class="frame">
                    <div class="badge">
                        <img class="picture" src="resources/img/book.png">
                        <ul>
                            <a href="#user/{{docente.objectId}}"><li class="title1">Docente: {{docente.nome}} {{docente.cognome}}</li></a>
                            <li class="title2">CFU: {{cfu}}</li>
                            <li id="detailedaverage">
                                <ul class="averagerating-container">
                                    <li>
                                        <label>Interesse: </label>
                                        <div class="averagerating">
                                            <input type="radio" id="interessestar5" name="interesse" value="5" disabled/><label for="interessestar5"></label>
                                            <input type="radio" id="interessestar4" name="interesse" value="4" disabled/><label for="interessestar4"></label>
                                            <input type="radio" id="interessestar3" name="interesse" value="3" disabled/><label for="interessestar3"></label>
                                            <input type="radio" id="interessestar2" name="interesse" value="2" disabled/><label for="interessestar2"></label>
                                            <input type="radio" id="interessestar1" name="interesse" value="1" disabled/><label for="interessestar1"></label>
                                        </div>
                                    </li>
                                    <li>
                                        <label>Utilita': </label>
                                        <div class="averagerating">
                                            <input type="radio" id="utilitastar5" name="utilita" value="5" disabled/><label for="utilitastar5"></label>
                                            <input type="radio" id="utilitastar4" name="utilita" value="4" disabled/><label for="utilitastar4"></label>
                                            <input type="radio" id="utilitastar3" name="utilita" value="3" disabled/><label for="utilitastar3"></label>
                                            <input type="radio" id="utilitastar2" name="utilita" value="2" disabled/><label for="utilitastar2"></label>
                                            <input type="radio" id="utilitastar1" name="utilita" value="1" disabled/><label for="utilitastar1"></label>
                                        </div>
                                    </li>
                                    <li>
                                        <label>Facilita': </label>
                                        <div class="averagerating">
                                            <input type="radio" id="facilitastar5" name="facilita" value="5" disabled/><label for="facilitastar5"></label>
                                            <input type="radio" id="facilitastar4" name="facilita" value="4" disabled/><label for="facilitastar4"></label>
                                            <input type="radio" id="facilitastar3" name="facilita" value="3" disabled/><label for="facilitastar3"></label>
                                            <input type="radio" id="facilitastar2" name="facilita" value="2" disabled/><label for="facilitastar2"></label>
                                            <input type="radio" id="facilitastar1" name="facilita" value="1" disabled/><label for="facilitastar1"></label>
                                        </div>
                                    </li>
                                    <li>
                                        <label>Docente: </label>
                                        <div class="averagerating">
                                            <input type="radio" id="docentestar5" name="docente" value="5" disabled/><label for="docentestar5"></label>
                                            <input type="radio" id="docentestar4" name="docente" value="4" disabled/><label for="docentestar4"></label>
                                            <input type="radio" id="docentestar3" name="docente" value="3" disabled/><label for="docentestar3"></label>
                                            <input type="radio" id="docentestar2" name="docente" value="2" disabled/><label for="docentestar2"></label>
                                            <input type="radio" id="docentestar1" name="docente" value="1" disabled/><label for="docentestar1"></label>
                                        </div>
                                    </li>
                                    <li>
                                        <label>Materiale: </label>
                                        <div class="averagerating">
                                            <input type="radio" id="materialestar5" name="materiale" value="5" disabled/><label for="materialestar5"></label>
                                            <input type="radio" id="materialestar4" name="materiale" value="4" disabled/><label for="materialestar4"></label>
                                            <input type="radio" id="materialestar3" name="materiale" value="3" disabled/><label for="materialestar3"></label>
                                            <input type="radio" id="materialestar2" name="materiale" value="2" disabled/><label for="materialestar2"></label>
                                            <input type="radio" id="materialestar1" name="materiale" value="1" disabled/><label for="materialestar1"></label>
                                        </div>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    
                    <br>

                    <section class="ac-container">
                        <div>
                            <input id="ac-1" name="accordion-1" type="checkbox" />
                            
                                <label for="ac-1">Sillabo</label>
                                <article>
                                    <div id="syllabus" class="scrollerbox">
                                        <div class="scroller">
                                            <ul>
                                                {{{sillabo}}}
                                            </ul>
                                        </div>
                                    </div>
                                </article>
                            
                        </div>
                        <div>
                            <input id="ac-2" name="accordion-1" type="checkbox" />
                            
                                <label for="ac-2">Testi</label>
                                <article>
                                    <div id="books" class="scrollerbox">
                                        <div class="scroller">
                                            <ul>
                                                {{{testi}}}
                                            </ul>
                                        </div>
                                    </div>
                                </article>
                            
                        </div>
                        <div>
                            <input id="ac-3" name="accordion-1" type="checkbox" />
                            
                                <label for="ac-3">Orario lezioni</label>
                                <article class="selectable">
                                    <div id="schedule" class="scrollerbox">
                                        <div class="scroller">
                                            <ul>
                                                
                                            </ul>
                                        </div>
                                    </div>
                                </article>
                            
                        </div>
                        <div id="iscritti">
                            <input id="ac-4" name="accordion-1" type="checkbox" />
                            
                                <label for="ac-4">Iscritti (<span id="niscritti">0</span>)</label>
                                <article class="selectable">
                                    <div id="registered" class="scrollerbox">
                                        <div class="scroller">
                                            <ul>
                                                
                                            </ul>
                                        </div>
                                    </div>
                                </article>
                            
                        </div>
                    </section>


                </div>
                <div id="bottommenu" class="centercontent horizontal">
                
                  
                </div>

        <!--     </div>
        </div> -->